@import '../../style/variable.scss';
@import '../../style/ellipsis.scss';
@import '../../style/hairline.scss';

.xxm-sideba-ls{
  height: 100%;
}

// .xxm-sideba-item{
 
// }

.xxm-sidebar-item {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    word-wrap: break-word;
    border-left: 8px solid transparent;
    user-select: none;
    padding: $sidebar-padding;
    font-size: $sidebar-font-size;
    // line-height: $sidebar-line-height;
    color: $sidebar-text-color;
    background-color: $sidebar-background-color;
    transition: all .3s;
  
    &__text {
      position: relative;
      display: inline-block;
    }
  
    &--hover {
      background-color: $sidebar-active-color;
    }
  
    &::after {
      border-bottom-width: 1px;
    }
  
    &--selected {
      color: $sidebar-selected-text-color;
      font-weight: $sidebar-selected-font-weight;
      border-color: $sidebar-selected-border-color;
  
      &::after {
        border-right-width: 1px;
      }
    }
  
    &--selected,
    &--selected {
      background-color: $sidebar-selected-background-color;
    }
  
    &--disabled {
      color: $sidebar-disabled-text-color;
    }
  }